<template>
  <div class="whatjifen">
    <header>
      <div class="more-left" @click="danji"><a><img src="../assets/img/m1.png" ></a></div>
      <div class="more-center">{{msg}}</div>
      <div class="more-right"><a></a></div>
    </header>
    <section class="explain">
      <span>积分是产品内的虚拟货币你速度发顾客人的,个人分年龄为U盾是哪里福利署恶灵附身覅首付贷款如谁不知道粉色福尔人不够神经病付款人空间大茹茹,积分是产品内的虚拟货币你速度发顾客人的个人分年龄为U盾是哪里福利署,恶灵附身覅首付贷款如谁不知道粉色福尔人不够神经病付款人空间大茹.</span>
    </section>
  </div>
</template>

<script>
export default {
  name: 'hello',
  data () {
    return {
      msg: '什么是积分'
    }
  },
  methods: {
    danji () {
      this.$router.go(-1)
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang='less'>
  @import '.././assets/css/reset.css';
  @import '.././assets/css/index.less';
  header{
    width:100%;
    .height(140);
    .font-size(40);
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #28a85b;
    color:#ffffff;
    .more-left,.more-right{
        .width(160);
    }
    .more-center{
        flex: 1;
        text-align: center;
    }
    .more-left{
      a{
        display: block;
        img{
          .height(40);
          .padding(0,0,0,40);
          display: block;
        }
      }
    }
  }
  .explain{
    .font-size(30);
    .line-height(50);
    color: #484848;
    .px2rem(padding-right,56);
    .px2rem(padding-left,56);
    .px2rem(margin-top,30);
  }
</style>
